﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Payment.aspx.cs" Inherits="gamexpert.member.Payment" Theme="Black" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h2>Payment</h2>
    <asp:Panel ID="Panel3" runat="server">
        <asp:Label ID="step1" runat="server" Text="Billing Info >> "></asp:Label> 
        <asp:Label ID="step2" runat="server" Text="Shipping Info >> "></asp:Label>
        <asp:Label ID="step3" runat="server" Text="Payment"></asp:Label>
    </asp:Panel>
    <asp:Panel ID="Panel1" runat="server" CssClass="billship">
        <asp:MultiView ID="MultiView1" runat="server" 
            onactiveviewchanged="MultiView1_ActiveViewChanged">
            <asp:View ID="View1" runat="server">
            <asp:Panel ID="Panel2" runat="server" CssClass="view1" >
                <asp:ValidationSummary ID="ValidationSummary1" runat="server" 
                        ValidationGroup="a"  />
                        <fieldset>
                             <legend>Billing Information</legend>
                             <p>Please fill in the billing information in order to proceed the payment.</p>
                             <table>
                                <tr>
                                    <td>First Name:</td>
                                    <td>
                                        <asp:TextBox ID="txtbfirstname" runat="server" Width="128px"></asp:TextBox>
                                        <asp:RequiredFieldValidator
                                            ID="RequiredFieldValidator1" runat="server" 
                                            ErrorMessage="Please fill in first name." ValidationGroup="a" 
                                            ControlToValidate="txtbfirstname">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Last Name:</td><td>
                                        <asp:TextBox ID="txtblastname" runat="server"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                            ControlToValidate="txtblastname" ErrorMessage="Please fill in last name." 
                                            ValidationGroup="a">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                 
                                <tr>
                                    <td>Email:</td>
                                    <td>
                                        <asp:TextBox ID="txtbemail" runat="server"></asp:TextBox>
                                        <asp:RegularExpressionValidator
                                            ID="revtxtbemail" runat="server" 
                                            ErrorMessage="Please fill in valid billing email address." 
                                            ControlToValidate="txtbemail" 
                                            ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="a" 
                                            >*</asp:RegularExpressionValidator>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                            ControlToValidate="txtbemail" 
                                            ErrorMessage="Please fill in valid email address." ValidationGroup="a">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                 
                                <tr>
                                    <td>Address:</td><td>
                                        <asp:TextBox ID="txtbaddress" runat="server" Rows="4" TextMode="MultiLine"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                                            ErrorMessage="Please fill in address." Text="*" ControlToValidate="txtbaddress" 
                                            ValidationGroup="a"></asp:RequiredFieldValidator>
                                        </td>
                                </tr>
                                <tr>
                                    <td>City:</td><td>
                                        <asp:TextBox ID="txtbcity" runat="server"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>State:</td><td>
                                        <asp:TextBox ID="txtbstate" runat="server"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Country:</td><td>
                                        <asp:DropDownList ID="cbobcountry" runat="server">
                                            <asp:ListItem Selected="True">Singapore</asp:ListItem>
                                        </asp:DropDownList>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Postal Code:</td><td>
                                        <asp:TextBox ID="txtbzip" runat="server"></asp:TextBox>
                                        <asp:RegularExpressionValidator ID="revtxtbzip" runat="server" 
                                            ControlToValidate="txtbzip" 
                                            ErrorMessage="Please fill in valid billing postal code." 
                                            ValidationExpression="\d{6}" ValidationGroup="a" >*</asp:RegularExpressionValidator>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                                            ControlToValidate="txtbzip" ErrorMessage="Please fill in billing postal code." 
                                            ValidationGroup="a">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Phone:</td><td>
                                        <asp:TextBox ID="txtbphone" runat="server" Width="127px"></asp:TextBox>
                                        <asp:RegularExpressionValidator ID="revtxtbphone" runat="server" 
                                            ControlToValidate="txtbphone" 
                                            ErrorMessage="Please fill in valid billing phone no." 
                                            ValidationExpression="\d{8}" ValidationGroup="a" >*</asp:RegularExpressionValidator>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" 
                                            ControlToValidate="txtbphone" ErrorMessage="Please fill in phone no." 
                                            ValidationGroup="a">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" align="center">
                                        <asp:Button ID="btnCancel" runat="server" Text="Cancel" CssClass="btnCancel" 
                                            onclick="btnCancel_Click1" />
                                        <asp:Button ID="btnNext1" runat="server" Text="Next" CssClass="btnNext" 
                                            onclick="btnNext1_Click" ValidationGroup="a" />
                                    </td>
                                </tr>
                             </table>
                            </fieldset>
                </asp:Panel>
            </asp:View>
            <asp:View ID="View2" runat="server">
                 <fieldset>
                                        <legend>Shipping Information</legend>
                                        
                                <table>
                                <tr><td align="center">
                                    <asp:CheckBox ID="chkSame" runat="server" CssClass="chk" 
                                        Text="Same as billing information" 
                                       />
                                </td></tr>
                                <tr>
                                    <td >
                                        <asp:Button ID="btnCancel2" runat="server" Text="Cancel" CssClass="btnCancel" 
                                            onclick="btnCancel2_Click" />
                                        <asp:Button ID="btnPrev1" runat="server" Text="Previous" CssClass="btnPrev" 
                                            onclick="btnPrev1_Click" />
                                        <asp:Button ID="btnNext2" runat="server" Text="Next" CssClass="btnNext" 
                                            onclick="btnNext2_Click" />
                                    </td>
                                </tr>
                                </table>
                         </fieldset>
            </asp:View>
            <asp:View ID="View3" runat="server">
            <asp:ValidationSummary ID="ValidationSummary2" runat="server" ValidationGroup="b" />
                            <fieldset>
         <legend>Shipping Information</legend>
         <p>Please fill in the shipping information in order to proceed the payment.</p>
         <table>

            <tr>
                <td>First Name:</td>
                <td>
                    <asp:TextBox ID="txtsfirstname" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" 
                        ControlToValidate="txtsfirstname" ErrorMessage="Please fill in first name." 
                        ValidationGroup="b">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>Last Name:</td><td>
                    <asp:TextBox ID="txtslastname" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" 
                        ControlToValidate="txtslastname" ErrorMessage="Please fill in last name." 
                        ValidationGroup="b">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>Email:</td><td>
                    <asp:TextBox ID="txtsemail" runat="server"></asp:TextBox>
                    <asp:RegularExpressionValidator ID="revtxtsemail" runat="server" 
                        ControlToValidate="txtsemail" 
                        ErrorMessage="Please fill in valid shipping email address." 
                        ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="b">*</asp:RegularExpressionValidator>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" 
                        ControlToValidate="txtsemail" ErrorMessage="Please fill in email address." 
                        ValidationGroup="b">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>Address:</td><td>
                    <asp:TextBox ID="txtsaddress" runat="server" Rows="4" TextMode="MultiLine"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator12" runat="server" 
                        ControlToValidate="txtsaddress" ErrorMessage="Please fill in address." 
                        ValidationGroup="b">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>City:</td><td>
                    <asp:TextBox ID="txtscity" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>State:</td><td>
                    <asp:TextBox ID="txtsstate" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>Country:</td><td>
                    <asp:DropDownList ID="cboscountry" runat="server">
                        <asp:ListItem Selected="True">Singapore</asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td>Postal Code:</td><td>
                    <asp:TextBox ID="txtszip" runat="server"></asp:TextBox>
                    <asp:RegularExpressionValidator ID="revtxtszip" runat="server" 
                        ControlToValidate="txtszip" 
                        ErrorMessage="Please fill in valid shipping postal code." 
                        ValidationExpression="\d{6}" ValidationGroup="b">*</asp:RegularExpressionValidator>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator15" runat="server" 
                        ControlToValidate="txtszip" ErrorMessage="Please fill in postal code." 
                        ValidationGroup="b">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>Phone:</td><td>
                    <asp:TextBox ID="txtsphone" runat="server"></asp:TextBox>
                    <asp:RegularExpressionValidator ID="revtxtsphone" runat="server" 
                        ControlToValidate="txtsphone" 
                        ErrorMessage="Please fill in valid shipping phone no." 
                        ValidationExpression="\d{8}" ValidationGroup="b">*</asp:RegularExpressionValidator>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator16" runat="server" 
                        ControlToValidate="txtsphone" ErrorMessage="Please fill in phone no." 
                        ValidationGroup="b">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <asp:Button ID="btnCancel3" runat="server" Text="Cancel" CssClass="btnCancel" 
                        onclick="btnCancel3_Click" />
                    <asp:Button ID="btnPrev2" runat="server" Text="Previous" CssClass="btnPrev" 
                        onclick="btnPrev2_Click" />
                    <asp:Button ID="btnNext3" runat="server" Text="Next" CssClass="btnNext" 
                        ValidationGroup="b" onclick="btnNext3_Click" />
                </td>
             </tr>
           
         </table>
        </fieldset>        
                    
            </asp:View>
            
            <asp:View ID="View4" runat="server">
            <div class="billship">
                <div class="bill">
                            <fieldset>
                             <legend>Billing Information</legend>
                             <table>
                                <tr>
                                    <td>First Name:</td>
                                    <td>
                                        <asp:Label ID="lblbfirstname" runat="server" Text="Label"></asp:Label> 
                                    </td>
                                </tr>
                                <tr>
                                    <td>Last Name:</td><td>
                                        <asp:Label ID="lblblastname" runat="server" Text="Label"></asp:Label>
                                     </td>
                                </tr>
                                <tr>
                                    <td>Email:</td>
                                    <td>
                                        <asp:Label ID="lblbemail" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Address:</td><td>
                                        <asp:Label ID="lblbaddress" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>City:</td><td>
                                        <asp:Label ID="lblbcity" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>State:</td><td>
                                        <asp:Label ID="lblbstate" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Country:</td><td>
                                        <asp:Label ID="lblbcountry" runat="server" Text="lbale"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Postal Code:</td><td>
                                        <asp:Label ID="lblbzip" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Phone:</td><td>
                                        <asp:Label ID="lblbphone" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        
                                    </td>
                                </tr>
                             </table>
                             <asp:LinkButton ID="lbtnEditBilling" runat="server" 
                                          CssClass="paymentedit"  onclick="lbtnEditBilling_Click">Edit</asp:LinkButton>
                            </fieldset>
                </div>
                <asp:Panel ID="Panel5" runat="server" CssClass="ship">
                      <fieldset>
                             <legend>Shipping Information</legend>
                             <table>
                                <tr>
                                    <td>First Name:</td>
                                    <td>
                                        <asp:Label ID="lblsfirstname" runat="server" Text="Label"></asp:Label> 
                                    </td>
                                </tr>
                                <tr>
                                    <td>Last Name:</td><td>
                                        <asp:Label ID="lblslastname" runat="server" Text="Label"></asp:Label>
                                     </td>
                                </tr>
                                <tr>
                                    <td>Email:</td>
                                    <td>
                                        <asp:Label ID="lblsemail" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Address:</td><td>
                                        <asp:Label ID="lblsaddress" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>City:</td><td>
                                        <asp:Label ID="lblscity" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>State:</td><td>
                                        <asp:Label ID="lblsstate" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Country:</td><td>
                                        <asp:Label ID="lblscountry" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Postal Code:</td><td>
                                        <asp:Label ID="lblszip" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Phone:</td><td>
                                        <asp:Label ID="lblsphone" runat="server" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        
                                    </td>
                                </tr>
                             </table>
                             <asp:LinkButton ID="lbtnEditShipping" runat="server" 
                                          CssClass="paymentedit"  onclick="lbtnEditShipping_Click">Edit</asp:LinkButton>
                            </fieldset></asp:Panel>         
                <div class="clear"></div>            
            </div>     
             <asp:Panel ID="Panel4" runat="server">
                <fieldset >
                    <legend>Purchased items</legend>
                    <asp:Literal ID="Literal1" runat="server"></asp:Literal>
                    <asp:Table ID="Table1" runat="server" CssClass="cart" >
                    </asp:Table>
                </fieldset>
             </asp:Panel>      
             <div class="payment">
                 <fieldset>
                             <legend>Credit Card Payment</legend>
                             <table>
                                <tr>
                                    <td>Name:<br />
                                        <em>(as it appear on the card)</em></td>
                                    <td>
                                        <asp:TextBox ID="ccname" runat="server"></asp:TextBox>
                                        
                                    </td>
                                </tr>
                                <tr>
                                    <td>Credit Card Number:<br />
                                        <em>(no dash or space)</em></td><td>
                                        <asp:TextBox ID="ccno" runat="server"></asp:TextBox>
                                        
                                     </td>
                                </tr>
                                <tr>
                                    <td>Expiration Date:</td>
                                    <td>
                                        <asp:DropDownList ID="ccmonth" runat="server" CssClass="month">
                                            <asp:ListItem>1</asp:ListItem>
                                            <asp:ListItem>2</asp:ListItem>
                                            <asp:ListItem>3</asp:ListItem>
                                            <asp:ListItem>4</asp:ListItem>
                                            <asp:ListItem>5</asp:ListItem>
                                            <asp:ListItem>6</asp:ListItem>
                                            <asp:ListItem>7</asp:ListItem>
                                            <asp:ListItem>8</asp:ListItem>
                                            <asp:ListItem>9</asp:ListItem>
                                            <asp:ListItem>10</asp:ListItem>
                                            <asp:ListItem>11</asp:ListItem>
                                            <asp:ListItem>12</asp:ListItem>
                                            <asp:ListItem></asp:ListItem>
                                        </asp:DropDownList>
                                        <asp:DropDownList ID="ccyear" runat="server" CssClass="year">
                                            <asp:ListItem>2009</asp:ListItem>
                                            <asp:ListItem>2010</asp:ListItem>
                                            <asp:ListItem>2011</asp:ListItem>
                                            <asp:ListItem>2012</asp:ListItem>
                                            <asp:ListItem>2013</asp:ListItem>
                                            <asp:ListItem>2014</asp:ListItem>
                                            <asp:ListItem>2015</asp:ListItem>
                                            <asp:ListItem>2016</asp:ListItem>
                                            <asp:ListItem>2017</asp:ListItem>
                                            <asp:ListItem>2018</asp:ListItem>
                                            <asp:ListItem>2019</asp:ListItem>
                                            <asp:ListItem>2020</asp:ListItem>
                                            <asp:ListItem>2021</asp:ListItem>
                                            <asp:ListItem>2022</asp:ListItem>
                                            <asp:ListItem></asp:ListItem>
                                        </asp:DropDownList>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Security Code:</td><td>
                                        <asp:TextBox ID="cvv" runat="server" CssClass="cvv"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Payment Amount:</td><td>
                                        S$<asp:Label ID="amt" runat="server" Text="" CssClass="amtinjs" ></asp:Label>
                                    </td>
                                </tr>
                             </table>
                            </fieldset>
                            
             </div>
                
            <div class="view4div">
                <asp:Button ID="btnCancel4" runat="server" CssClass="btnCancel" Text="Cancel" 
                                    onclick="btnCancel4_Click" />
                <asp:Button ID="btnPrev3" runat="server" CssClass="btnPrev" Text="Previous" 
                                    onclick="btnPrev3_Click" />
                <asp:Button ID="btnFinish" runat="server" CssClass="btnNext" Text="Finish" 
                                    onclick="btnFinish_Click" />
            </div>
            
            </asp:View>
            <asp:View ID="View5" runat="server">
                <asp:Label ID="lblPaymentError" runat="server" Text=""></asp:Label>
                <asp:Button ID="btnErrorOK" runat="server" Text="OK" 
                    onclick="btnErrorOK_Click"  />
            </asp:View>
            <asp:View ID="View6" runat="server">
                <p><asp:Label ID="lblsuccess" runat="server" Text="Payment is successful.Thank you."></asp:Label></p>
                <asp:Button ID="btnOK" runat="server" Text="OK" onclick="btnOK_Click" />
            </asp:View>
        </asp:MultiView>
    </asp:Panel>
</asp:Content>

